.group-dialog {

  nav {
    display: flex;
    border-bottom: 1px solid rgb(233, 233, 233);
    height: 46px;
    line-height: 46px;

    >div {
      position: relative;
      width: 90px;
      text-align: center;

      &:last-child {
        margin-left: 20px;
      }

      &:hover {
        cursor: pointer;
      }
    }

    .active {
      color: rgb(16, 142, 233);

      &::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 90px;
        height: 2px;
        background-color: rgb(16, 142, 233);
        // transform: translateX(10px);
      }
    }
  }

  main {
    >div {
      margin-top: 18px;
      margin-left: 20px;
      height: 480px;
      overflow-y: auto;
    }
    
    footer {
      width: 100%;
      padding: 10px 5px 0;
      color: #999;
      >div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
  
    }
  }
}

/deep/.el-form-item {
  margin-bottom: 10px;
}

/deep/.el-dialog {
  margin-top: 8vh !important;
}

/deep/.el-dialog__header {
  border-bottom: 1px solid #eaeaea;
}
/deep/.el-dialog__body {
  padding: 20px 20px;
}